上一篇提到進行 Docker 實際操作中
首先第一步: 先去安裝 Docker Desktop
第二步: 再替專案準備 Dockerfile 和 docker-compose.yml

以最常見的 React / Vite 專案為例，一個基本 Dockerfile 可以是：

FROM node:18-alpine

WORKDIR /app

COPY package*.json ./

RUN npm install

COPY . .

EXPOSE 5173

CMD ["npm", "run", "dev", "--", "--host", "0.0.0.0"]

接著建立 docker-compose.yml：

services:
  frontend:
    build: .
    ports:
      - "5173:5173"
    volumes:
      - .:/app
      - /app/node_modules
    environment:
      - NODE_ENV=development

然後在專案目錄執行：

docker compose up --build

它做的事情大致就是：

Dockerfile
   ↓
建立 Image
   ↓
docker compose
   ↓
建立 Container
   ↓
把 5173 port 對外開放
   ↓
瀏覽器開 localhost:5173

如果之後只是重新啟動，可以執行 docker compose up

如果要在背景執行的話可以使用 docker compose up -d

停止並刪除 compose 建立的 container 的話下 docker compose down

今天先到這邊～下一篇將會再繼續講解設定檔的部分囉